<template>
  <div class="home">
    <ul>
      <li v-for="i in 100" :key="i">{{ i }}</li>
    </ul>
    <button @click="num++">num++</button>
    <h1>{{ num }}</h1>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import myMixin from "../utils/mixin.js";

export default {
  data() {
    return {
      num: 0,
      scrollT: 0,
    };
  },
  name: "home",
  components: {
    HelloWorld,
  },
  created() {
    console.log("created");
  },
  deactivated() {
    console.log("组件停用");
  },
  mixins: [myMixin],
  // //组件停用之后调用
  // beforeRouteLeave(to, from, next) {
  //   console.log(document.documentElement.scrollTop);
  //   this.scrollT = document.documentElement.scrollTop;
  //   next();
  // },
  // //路由离开之前调用 获取一下当前页面滚动的距离 把它存起来 因为加了keep-alive 所以 这个变量会一直保存
  // activated() {
  //   console.log("组件激活");
  //   document.documentElement.scrollTop = this.scrollT;
  // },
  //组件激活之后  把之前存的 卷进去的距离 给页面的scrolltop
  // 代码放在混入里
};
</script>
